<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>绘制一个卡券</title>
    <style>
body{
    background: url('./滤镜/pineapple.jpg');
}

        .base-coupons {
            width: 500px;
            height: 500px;
            position: relative;
            background-color: #eeeeee;

            /* background: url('./滤镜/tabbar-mid.png') center no-repeat #eeeeee; */

            background: radial-gradient(circle at top, transparent 50px, #eeeeee 0);
        }

    </style>
</head>

<body>

    <div class="base-coupons">

    </div>


</body>

</html>